<template>
	<view>
		<uni-head title="在线理赔"></uni-head>
		<view class="backimg" >
			<view class="imgtext">在线理赔</view>
			<view class="across"></view>
		</view>
		<view class="Report Public" @click="JumpClick(1)">
			<view class="mebaoan">我要报案</view>
		</view>
		<view class="upLoad Public" @click="JumpClick(2)">
			<view class="mebaoan">理赔上传</view>
		</view>
		<view class="meLoss Public" @click="JumpClick(3)">
			<view class="mebaoan">我的理赔</view>
		</view>
	</view>
</template>

<script>
	import uniHead from "@/components/uni-dead/head.vue";
	export default {
		components: { uniHead },
		data() {
			return {
				load:false,
				info:{},
			}
		},
		onLoad() {
		},
		methods: {
			// 我要报案
			JumpClick(index){
				if(index===1){
					// 我要报案
					uni.navigateTo({
						url:'/pages/order/register'
					})
				}else if(index===2){
					// 理赔上传
					uni.navigateTo({
						url:'/pages/order/Uploadmaterials'
					})
				}else if(index===3){
					// 我的理赔
					uni.navigateTo({
						url:'/pages/order/meLp'
					})
				}
				
			},
			// 模拟数据
			// getData() {
			//   uni.showLoading({
			//     title: "加载中",
			//   });
			//   this.ajax("index/detail", {
			//     data: {
			//       id: 1,
			//     },
			//     success: (res) => {
			//       this.info = res.msg;
			//       uni.hideLoading();
			//       this.load = true;
			//     },
			//   });
			// },
		}
	}
</script>

<style scoped lang="scss">
.backimg{
	background: url('../../static/img/lipei.png') no-repeat  center center;
	background-size:cover;
	height: 340upx;
	.imgtext{
		font-size: 40upx;
		color: #fff;
		margin-left: 66upx;
		padding-top: 110upx;
	}
	.across{
		width: 60upx;
		height: 6upx;
		margin:16upx 0 0  66upx;
		background-color: #fff;
	}
}
.Report{
	background: url('../../static/img/baoan.png') no-repeat center center;
	transform:translateY(-30px);
}
.upLoad{
	background: url('../../static/img/shangchuan.png') no-repeat center center;
	transform:translateY(-10px);
}
.meLoss{
	background: url('../../static/img/melipei.png') no-repeat center center;
	transform:translateY(10px);
}
.Public{
	margin:0 24upx;
	height: 196upx;
	border-radius: 20upx;
	
	background-size:cover;
	background-color: #fff;
	background-position: 210upx 0px;
	background-size: 75% 100% ;
	
	.mebaoan{
		padding-top:74upx ;
		margin-left: 42upx;
		color: #000000;
		font-size: 32upx;
	}
}

</style>
